<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:decorate template="/resources/template/template.xhtml">

	<ui:define name="titulo">Carrinho de Compras</ui:define>

	<ui:define name="centro">

		<h:form id="formulario">

			<p:panel id="painelCarrinho" header="Carrinho de Compras">


				<p:outputPanel id="pnlCarrinho">


					<p:dataTable id="carrinho"
						value="#{carrinhoBean.carrinho.produtos}" var="produtoCarrinho"
						emptyMessage="Não há produtos no carrinho">


						<p:column>

							<f:facet name="header">

								<h:outputText value="Produto" />
							</f:facet>
							<h:outputText value="#{produtoCarrinho.pro_nome}" />

						</p:column>


						<p:column>

							<f:facet name="header">

								<h:outputText value="Quantidade" />
							</f:facet>
							<p:inputText id="txtQuantidade"
								value="#{produtoCarrinho.quantidade_item}" size="2">
								<p:ajax event="keyup" update="txtTotal"
									listener="#{produtoCarrinho.calculaTotalItem}">
								</p:ajax>
							</p:inputText>

						</p:column>


						<p:column>


							<f:facet name="header">
								<h:outputText value="Preço" />
							</f:facet>
							<h:outputText value="#{produtoCarrinho.pro_preco_venda}" />

						</p:column>


						<p:column>


							<f:facet name="header">
								<h:outputText value="Total" />
							</f:facet>
							<h:outputText id="txtTotal" value="#{produtoCarrinho.total_item}" />

						</p:column>


						<p:column>


							<f:facet name="header">
								<h:outputText value="Ação" />
							</f:facet>
							<p:commandLink value="Remover" update=":formulario:pnlCarrinho">


								<p:collector value="#{produtoCarrinho}"
									removeFrom="#{carrinhoBean.carrinho.produtos}" />
							</p:commandLink>

						</p:column>

					</p:dataTable>

				</p:outputPanel>

			</p:panel>

		</h:form>

	</ui:define>
</ui:decorate>
</html>